<template>
  <div class="school-info-detail">
    <el-card>
      <template #header>
        <span>学校基本信息</span>
      </template>
      <el-descriptions column="1" border>
        <el-descriptions-item label="学校名称">{{ schoolInfo.name }}</el-descriptions-item>
        <el-descriptions-item label="学校编号">{{ schoolInfo.schoolId }}</el-descriptions-item>
        <el-descriptions-item label="所在地区">{{ schoolInfo.region }}</el-descriptions-item>
        <el-descriptions-item label="学校等级">{{ schoolInfo.level }}</el-descriptions-item>
        <el-descriptions-item label="学生数量">{{ schoolInfo.studentCount }} 人</el-descriptions-item>
        <el-descriptions-item label="教师数量">{{ schoolInfo.teacherCount }} 人</el-descriptions-item>
        <el-descriptions-item label="联系电话">{{ schoolInfo.contactPhone }}</el-descriptions-item>
        <el-descriptions-item label="详细地址">{{ schoolInfo.detailAddress }}</el-descriptions-item>
        <el-descriptions-item label="学校类型">{{ schoolInfo.type }}</el-descriptions-item>
        <el-descriptions-item label="创办时间">{{ schoolInfo.foundingDate }}</el-descriptions-item>
        <el-descriptions-item label="学校状态">
          <el-tag :type="schoolInfo.status === 'normal' ? 'success' : 'danger'">
            {{ schoolInfo.status === 'normal' ? '正常' : '禁用' }}
          </el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="学校简介">
          <div style="white-space: pre-line; line-height: 1.6;">{{ schoolInfo.introduction }}</div>
        </el-descriptions-item>
      </el-descriptions>
      <div style="margin-top: 20px; text-align: right;">
        <el-button type="primary" @click="handleEdit">编辑信息</el-button>
      </div>
    </el-card>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()

// 静态学校信息数据
const schoolInfo = ref({
  name: '阳光第一小学',
  schoolId: 'SCH20050912',
  region: '江苏省南京市玄武区',
  level: '省级示范小学',
  type: '公立小学',
  studentCount: 1253,
  teacherCount: 86,
  contactPhone: '025-87654321',
  detailAddress: '江苏省南京市玄武区阳光路123号',
  foundingDate: '2005-09-01',
  status: 'normal',
  introduction: '阳光第一小学创建于2005年，是一所省级示范公立小学。学校占地面积25亩，建筑面积8600平方米，拥有标准化教室42间，实验室6个，多媒体教室12间，图书馆藏书5万余册。\n\n学校师资力量雄厚，现有教职工86人，其中高级职称教师32人，市级以上优秀教师15人。学校始终坚持"以人为本，全面发展"的办学理念，注重学生综合素质培养，多次获得市级以上教育成果奖。\n\n近年来，学校在科技创新、艺术体育等方面成绩显著，培养了大批优秀学生，得到社会各界的广泛认可。'
})

// 跳转到编辑页
const handleEdit = () => {
  router.push('/school/info/edit')
}
</script>

<style scoped>
.school-info-detail {
  padding: 20px;
}

/* 优化简介展示样式 */
.el-descriptions__content pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
</style>